<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Bootstrap</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">

        <!-- Le styles -->
        <link href="assets/css/bootstrap.css" rel="stylesheet">
        <link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
        <link href="assets/css/docs.css" rel="stylesheet">
        <link href="assets/js/google-code-prettify/prettify.css" rel="stylesheet">

        <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
          <script src="assets/js/html5shiv.js"></script>
          <![endif]-->

        <!-- Le fav and touch icons -->
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
        <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
        <link rel="shortcut icon" href="assets/ico/favicon.png">

    </head>

    <body>
        <div class="container">
            <div class="row-fluid">
                <!-- logo -->
                <div class="span12">
                    <img src="assets/img/logo.png" alt="">
                </div>
                <!-- foto mahasiswa -->
                <!-- buat jaga jarak ^_^ -->
                <div class="row-fluid">
                    <div class="span12"></div>
                </div>
                <div class="span4 offset8">
                    <div class="media">
                        <a class="pull-left" href="#">
                            <img class="media-object" data-src="holder.js/64x64" src="assets/img/pic.png">
                        </a>
                        <div class="media-body">
                            <h4 class="media-heading">Admin</h4>
                            01-ADM-003
                        </div>
                    </div>
                </div>
            </div>
            <!-- buat jaga jarak ^_^ -->
            <div class="row-fluid">
                <div class="span12"></div>
            </div>
            <!-- Navigasi bar -->
            <section id="atas">
                <div class="row-fluid">
                    <div class="span12">
                        <div class="navbar ">
                            <div class="navbar-inner">
                                <ul class="nav">
                                    <li class="active"><a href="#">Persetujuan Judul</a></li>
                                    <li><a href="admin-daftar-judul.html">Judul tesis</a></li>
                                    <li><a href="admin-jadwal-proposal.html">Jadwal</a></li>
                                    <li><a href="#">Dosen</a></li>
                                </ul>
                                <ul class="nav pull-right">

                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <div class="row-fluid">
                <div class="span12">
                    <div class="span12"><button class="btn btn-mini" type="button">Cetak data pengajuan</button></div>
                    <table class="table table-bordered table-striped">

                        <thead align="center">
                            <tr>
                                <th colspan="4" style="text-align: center; background-color:#610E54; color:white;">DAFTAR PENGAJUAN JUDUL tesis</th>
                            </tr>
                            <tr>
                                <th width="10%">Tanggal</th>
                                <th width="5%">NPM</th>
                                <th width="80%">Judul</th>
                                <th>Konfirmasi</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>12-08-1-2013</td>
                                <td>20111030075</td>
                                <td>Perancangan System Bimbingan tesis Terpadu di Universitas Muhamadiyah Yogyakarta </td>
                                <td>
                                    <div class="btn-group">
                                        <button class="btn btn-success dropdown-toggle" data-toggle="dropdown">Setujui<span class="caret"></span></button>
                                        <ul class="dropdown-menu">
                                            <li><a href="admin-saran-judul.html">Saran</a></li>
                                            <li><a href="admin-konfirmasi-judul.html">Accept</a></li>   
                                        </ul>
                                    </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <!-- footer -->
        <div class="footer"></div>


        <!-- Le javascript
        ================================================== -->
        <!-- Placed at the end of the document so the pages load faster -->
        <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
        <script src="assets/js/jquery.js"></script>
        <script src="assets/js/bootstrap-transition.js"></script>
        <script src="assets/js/bootstrap-alert.js"></script>
        <script src="assets/js/bootstrap-modal.js"></script>
        <script src="assets/js/bootstrap-dropdown.js"></script>
        <script src="assets/js/bootstrap-scrollspy.js"></script>
        <script src="assets/js/bootstrap-tab.js"></script>
        <script src="assets/js/bootstrap-tooltip.js"></script>
        <script src="assets/js/bootstrap-popover.js"></script>
        <script src="assets/js/bootstrap-button.js"></script>
        <script src="assets/js/bootstrap-collapse.js"></script>
        <script src="assets/js/bootstrap-carousel.js"></script>
        <script src="assets/js/bootstrap-typeahead.js"></script>
        <script src="assets/js/bootstrap-affix.js"></script>

        <script src="assets/js/holder/holder.js"></script>
        <script src="assets/js/google-code-prettify/prettify.js"></script>

        <script src="assets/js/application.js"></script>



    </body>
</html>
